<%--
  Created by IntelliJ IDEA.
  User: Mr.Fang
  Date: 2022/7/1
  Time: 15:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录界面</title>
    <%
        pageContext.setAttribute("APP_PATH", request.getContextPath());
    %>
    <!-- web路径：
    不以/开始的相对路径，找资源，以当前资源的路径为基准，经常容易出问题。
    以/开始的相对路径，找资源，以服务器的路径为标准(http://localhost:3306)；需要加上项目名
            http://localhost:3306/crud
     -->
    <script type="text/javascript"
            src="${APP_PATH }/static/js/jquery-1.12.4.min.js"></script>
    <link
            href="${APP_PATH }/static/bootstrap-3.3.7-dist/css/bootstrap.min.css"
            rel="stylesheet">
    <script
            src="${APP_PATH }/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="static/css/login.css" type="text/css">

    <style>
        .heihei{
            text-align: center;
            height: 250px;
            width: 250px;

            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }
    </style>
</head>


<body background="static/images/能源的油漆.jpg">

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">PIMS</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>


<h1>员工信息管理系统</h1>
<div class="ha">
    <form action="golog" method="post">
        <br>
        <br>

        <div class="heihei" >
            <div class="input-group">
                <span class="input-group-addon" id="sizing-addon2">账号</span>
                <input type="text" name="username" class="form-control"  aria-describedby="sizing-addon2">
            </div>
            <br>

            <div class="input-group">
                <span class="input-group-addon" id="sizing-addon2">密码</span>
                <input type="password" name="password" class="form-control"  aria-describedby="sizing-addon2">
            </div>
            <br>

            <div>
                <button type="submit" class="btn btn-primary">登录</button>
                <button type="reset" class="btn btn-info">清除</button>
            </div>
            <br>
            <br>
            <a href="WEB-INF/views/reg.jsp">点我注册！</a>
            <br>
            <br>
            <br>
            <h6>@2021-2022</h6>

        </div>
    </form>
</div>


<h3>欢迎使用员工信息管理系统!</h3>

</body>

</html>
